<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="ctx" th:content="${#httpServletRequest.getContextPath()}"/>
    <link rel="stylesheet" href="/css/bootstrap.min.css">
    <title>web3j测试</title>
</head>
<style>
    body {
        background: #eee;
    }

    body, html {
        width: 100%;
        height: 100%;
    }
	.bootstrap-table,.transfer{
		width: 1200px;
    	margin: 0 auto;
    	margin-top: 30px;
    	text-align: center;
	}
	#exampleToolbar{
		margin-bottom: 20px;
	}
	#exampleTable{
		width: 100%;
	}
	#exampleTable tr,#exampleTable td,.th-inner{
		text-align: center;
	}
    #loading {
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        position: fixed;
        display: none;
        z-index: 1; 
        background: rgba(0,0,0,0.1);
    }

    #loading .imgBox {
        position: absolute;
        top: 30%;
        left: 50%;
        transform: translate(-50%, -50%);
    }
    input[type=file] {
	    display: inline;
	    cursor: pointer;
	}
</style>
<body>

<div>
    <form  method="POST" class="form-inline"  enctype="multipart/form-data" id="form" action="/transferAccountsExcel/excelForData" style="
    text-align: center;
    margin-top: 100px;
">	
	<div  id="exampleToolbar" role="group" >
        <input type="file"   id="upfile" name="upfile">
        <button type="button" name="checkSAPmain" id="checkSAPmain" onclick="submit1();" class="listLink btn btn-primary"  >导入数据</button>
        <input type="hidden"  id="listUrl" name="listUrl">
        <button type='button' class="btn btn-primary" onclick="batchTransferTccoin()" id="transfer">批量转账</button>
       <!-- <div class="columns pull-right" style="margin-left: 10px;">
            <button class="btn btn-success" onclick="reLoad()">查询</button>
            &lt;!&ndash;<button class="btn btn-success" onclick="clearDate()">重置</button>&ndash;&gt;
        </div>-->

        <div class="columns pull-right col-md-1 nopadding">
            <select id="status"  name="status" class="form-control m-b">
                <option value="">-转账状态-</option>
                <option value="0" label="未转账" />未转账</option>
                <option value="1" label="已转账" />已转账</option>
                <option value="2" label="转账中" />转账中</option>
                <option value="3" label="转账失败" />转账失败</option>
            </select>
        </div>

        <button type='button' class="btn btn-primary" onclick="reLoad()" id="query">查询</button>
        <!-- <button type='button' class="btn btn-primary" onclick="loading()">转账</button> -->
    </div>
    <table id="exampleTable" data-mobile-responsive="true">
        </table>
       
    </form>

</div>


<div id="loading">
    <div class="imgBox">
        <!-- <img src='/image/giphy.gif'/> -->
        <img src='https://loading.io/spinners/microsoft/index.svg'>
    </div>
</div>
<script src="/js/jquery.js"></script>
<script src="/js/bootstrap.min.js"></script>
<script src="/js/layer/layer.js"></script>
<script src="/js/bootstrap-table/bootstrap-table.min.js"></script>
<script src="/js/web3.min.js"></script>
<script src="/js/app.js"></script>
<script src="/js/uploadExcel.js"></script>
<!-- <script src="/js/bootstrap-datetimepicker.js" charset="UTF-8"></script>
<script src="/js/bootstrap-datetimepicker.zh-CN.js" charset="UTF-8"></script> -->
<script>
	function loading(){
		$("#loading").show()
	}
</script>
</body>
</html>